﻿<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Comando-J</title>
<script src="jquery-1.9.1.js"></script>
        <script src="jquery-ui.js"></script>
        <link rel="stylesheet" href="jquery-ui.css">
        <link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
  <script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  
  </script>
   <script>
  $(function() {
    $( "#accordion" ).accordion({heightStyle: "content"});
  });
  </script>
  <style>
      .ui-widget-content{
          background-image: none;
          border: 2px solid #E0E0E0;
      }
      .ui-widget-header {
          background-image: none;
      }
     .ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
          background-image: none;
      }
      .ui-accordion .ui-accordion-content{
          height: 100%;
          overflow: visible;
      }
      .ui-slider-vertical {
	width: .8em;
	height: 100%;
}
  </style>
</head>
<body>
 
<div id="tabs">
  <ul>
    <li style="width: 200px"><a style="width: 150px" href="#tabs-1">Introducción</a></li>
    <li style="width: 200px"><a style="width: 150px" href="#tabs-2">Menú</a></li>
    <li style="width: 200px"><a style="width: 150px" href="#tabs-3">Juego</a></li>
  </ul>
  <div id="tabs-1" style="background-image: none">
      <img src="images/logocomandoj.jpg" style="width: 50%"/>
      <p>
          COMANDO-J es un juego en red para dos jugadores conectados remotamente.
      <h1>Sipnopsis.</h1>
          Un avión de combate se estrella en territorio enemigo. El avión sufre daños totales
          pero el Piloto logra salir ileso.
          Para lograr regresar a su base, debe solicitar la ayuda de un drone de rescate, evitando
          ser capturado por dos tanques de el ejército enemigo.
          Un avión aliado al piloto, sobrevuela la zona cuando el piloto le marca el lugar utilizando
          un rayo láser. Lamentablemente, el avión tiene tan solo dos bombas para usar y destruir los
          tanques.
          Los tanques enemigos, tienen como cometido capturar con vida al piloto para poder extraer
          información de suma importancia para el desenlace de la guerra.
          
      </p>
  </div>
  <div id="tabs-2">
      <p>
          <img src="images/menujpeg.jpg" style="width: 50%"/>
      <h3>Nueva Partida</h3>
      Se crea una nueva partida eligiendo el bando en el que se quiere jugar.
      <h3>Cargar Partida</h3>
      Se carga una partida guardada con anterioridad (se debe ingresar el código 
      de la partida). Se espera a que otro jugador cargue esta partida.
      <h3>Guardar Partida</h3>
        Se guarda la partida actual y se abandona el juego. El juego dará un identificador
        para volver a jugar.
        <h3>Unirse a Partida</h3>
        Comienza una partida creada por otro usuario. ¡A jugar!
        <h3>Abandonar Partida</h3>
        Se abondona la partida en juego. El ganador es el rival.
         <h3>Ayuda</h3>
         Se despliega la ayuda en línea.
      </p>
  </div>
  <div id="tabs-3">
      <h3>A continuación de detallan las funcionalidades de cada actor involucrado
      en el juego.</h3>
        <div id="accordion">
          <h3>Piloto</h3>
          <div style="height: 100%">
            <p>El piloto puede rotar sobre su centro, utilizando las teclas Izquierda (sentido antihorario)
                y Derecha (sentido horario). 
                Con las teclas de Arriba y Abajo, se desplaza hacia adelante y hacia atrás respectivamente.
                El piloto no puede atravesar ninguna clase de obstáculos ni romperlos.
                A medida que avanza, el piloto va descubriendo los elementos del mapa.
                Con la tecla Espacio, el piloto llama al Drone, quién empezará una búsqueda del mismo por el 
                territorio.
                Haciendo click en el territorio, el piloto llama al avión para que realice una inspección del 
                terrero, mientras que con click derecho, lo llama para realizar un bombardeo.
            </p>
            <img src="images/ayuda1.jpg" style="width: 50%"/>
            
          </div>
          <h3>Avión</h3>
          <div style="height: 100%">
            <p>
            El avión es llamado en dos modos: inspección (click) y ataque (click derecho).
            La posición donde cualquiera de los clicks son realizados es la referencia para el 
            ataque o la inspección.
            </p>
            <p>
            Inspección:
                El avión realiza un barrido de izquierda a derecha, o, de derecha a izquierda (intercalándo).
                Durante el trayecto del mismo, se descubre el territorio, podiendo el piloto, descubrir a sus
                enemigos.
            </p>
            <img src="images/ayuda2.jpg" style="width: 50%"/>
            <p>
            Ataque:
                La vista se cambia a modo lateral y se puede ver el avión sobre volando la zona seleccionada.
                En caso de haber enemigos, los mismos aparecerán en la pantalla.
                Haciendo click en la pantalla, el tanque lanzará una bomba que podrá destruir los tanques.
            </p>
            <img src="images/ayuda3.jpg" style="width: 50%"/>
          </div>
          <h3>Tanque</h3>
          <div style="height: 100%">
            <p>El jugador puede jugar con cualquiera de los dos tanques (los cambia con la tecla M)
                Cada tanque puede rotar sobre su centro, utilizando las teclas Izquierda (sentido antihorario)
                y Derecha (sentido horario). 
                Con las teclas de Arriba y Abajo, se desplazan hacia adelante y hacia atrás respectivamente.
                El tanque no puede atravesar ninguna clase de obstáculos pero si puede romper los árboles utilizando
                el cañón. 
                Para disparar el cañón de cada tanque, se utiliza la tecla Espacio.
                A medida que cada tanque avanza,  van descubriendo los elementos del mapa.
                Cuando el avión realiza un bombardeo, el tanque puede moverse para esquivar las bombas.
                Si el tanque se acerca a una distancia pequeña (un tercio de su visibilidad), podrá atrapar al piloto
                y ganar la partida.
            </p>
            <img src="images/ayuda4.jpg" style="width: 50%"/>
          </div>
          <h3>Pausar</h3>
          <div>
            <p>
            Cada jugador puede parar la partida en cualquier momento utilizando
            la tecla de Esc.
            Cuando esto ocurre, cada jugador verá el menú. 
            Para quitar la pausa, se debe volver a presionar la tecla Esc.
            </p>
          </div>
        </div>
  </div>
</div>
 
 
</body>
</html>